(react

#(react| 来源: 网络整理| 查看: 265

Describe the bug

After npx create-react-app frontend --template typescript, when you update package.json to use "typescript": "^5.0.2",, npm install fails with this error:

$ npm i react-router-dom npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found: [email protected] npm ERR! node_modules/typescript npm ERR! peer typescript@">= 2.7" from [email protected] npm ERR! node_modules/fork-ts-checker-webpack-plugin npm ERR! fork-ts-checker-webpack-plugin@"^6.5.0" from [email protected] npm ERR! node_modules/react-dev-utils npm ERR! react-dev-utils@"^12.0.1" from [email protected] npm ERR! node_modules/react-scripts npm ERR! react-scripts@"5.0.1" from the root project npm ERR! peer typescript@">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta" from [email protected] npm ERR! node_modules/tsutils npm ERR! tsutils@"^3.21.0" from @typescript-eslint/[email protected] npm ERR! node_modules/@typescript-eslint/eslint-plugin npm ERR! @typescript-eslint/eslint-plugin@"^5.5.0" from [email protected] npm ERR! node_modules/eslint-config-react-app npm ERR! eslint-config-react-app@"^7.0.1" from [email protected] npm ERR! node_modules/react-scripts npm ERR! 3 more (eslint-config-react-typescript, eslint-plugin-jest, the root project) npm ERR! tsutils@"^3.21.0" from @typescript-eslint/[email protected] npm ERR! node_modules/@typescript-eslint/type-utils npm ERR! @typescript-eslint/type-utils@"5.55.0" from @typescript-eslint/[email protected] npm ERR! node_modules/@typescript-eslint/eslint-plugin npm ERR! @typescript-eslint/eslint-plugin@"^5.5.0" from [email protected] npm ERR! node_modules/eslint-config-react-app npm ERR! 3 more (eslint-config-react-typescript, eslint-plugin-jest, the root project) npm ERR! 1 more (@typescript-eslint/typescript-estree) npm ERR! 1 more (the root project) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peerOptional typescript@"^3.2.1 || ^4" from [email protected] npm ERR! node_modules/react-scripts npm ERR! react-scripts@"5.0.1" from the root project npm ERR! npm ERR! Conflicting peer dependency: [email protected] npm ERR! node_modules/typescript npm ERR! peerOptional typescript@"^3.2.1 || ^4" from [email protected] npm ERR! node_modules/react-scripts npm ERR! react-scripts@"5.0.1" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! See /home/juha/.npm/eresolve-report.txt for a full report. npm ERR! A complete log of this run can be found in: npm ERR! /home/juha/.npm/_logs/2023-03-19T13_21_48_738Z-debug-0.log Did you try recovering your dependencies?

Default installation with the only change being typescript version in package.json

Which terms did you search for in User Guide?

typescript

Environment

Environment Info:

current version of create-react-app: 5.0.1 running from /home/juha/.npm/_npx/c67e74de0542c87c/node_modules/create-react-app

System: OS: Linux 4.15 Ubuntu 18.04.5 LTS (Bionic Beaver) CPU: (1) x64 Intel(R) Core(TM) i7-7700K CPU @ 4.20GHz Binaries: Node: 16.15.1 - ~/.nvm/versions/node/v16.15.1/bin/node Yarn: Not Found npm: 8.11.0 - ~/.nvm/versions/node/v16.15.1/bin/npm Browsers: Chrome: Not Found Firefox: 105.0 npmPackages: react: ^18.2.0 => 18.2.0 react-dom: ^18.2.0 => 18.2.0 react-scripts: 5.0.1 => 5.0.1 npmGlobalPackages: create-react-app: Not Found

Steps to reproduce Run npx create-react-app frontend --template typescript Update package.json to use typescript: "^5.0.2" Run npm install Error appears Expected behavior

npm install would run successfully.

Actual behavior $ npm i react-router-dom npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found: [email protected] npm ERR! node_modules/typescript npm ERR! peer typescript@">= 2.7" from [email protected] npm ERR! node_modules/fork-ts-checker-webpack-plugin npm ERR! fork-ts-checker-webpack-plugin@"^6.5.0" from [email protected] npm ERR! node_modules/react-dev-utils npm ERR! react-dev-utils@"^12.0.1" from [email protected] npm ERR! node_modules/react-scripts npm ERR! react-scripts@"5.0.1" from the root project npm ERR! peer typescript@">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta" from [email protected] npm ERR! node_modules/tsutils npm ERR! tsutils@"^3.21.0" from @typescript-eslint/[email protected] npm ERR! node_modules/@typescript-eslint/eslint-plugin npm ERR! @typescript-eslint/eslint-plugin@"^5.5.0" from [email protected] npm ERR! node_modules/eslint-config-react-app npm ERR! eslint-config-react-app@"^7.0.1" from [email protected] npm ERR! node_modules/react-scripts npm ERR! 3 more (eslint-config-react-typescript, eslint-plugin-jest, the root project) npm ERR! tsutils@"^3.21.0" from @typescript-eslint/[email protected] npm ERR! node_modules/@typescript-eslint/type-utils npm ERR! @typescript-eslint/type-utils@"5.55.0" from @typescript-eslint/[email protected] npm ERR! node_modules/@typescript-eslint/eslint-plugin npm ERR! @typescript-eslint/eslint-plugin@"^5.5.0" from [email protected] npm ERR! node_modules/eslint-config-react-app npm ERR! 3 more (eslint-config-react-typescript, eslint-plugin-jest, the root project) npm ERR! 1 more (@typescript-eslint/typescript-estree) npm ERR! 1 more (the root project) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peerOptional typescript@"^3.2.1 || ^4" from [email protected] npm ERR! node_modules/react-scripts npm ERR! react-scripts@"5.0.1" from the root project npm ERR! npm ERR! Conflicting peer dependency: [email protected] npm ERR! node_modules/typescript npm ERR! peerOptional typescript@"^3.2.1 || ^4" from [email protected] npm ERR! node_modules/react-scripts npm ERR! react-scripts@"5.0.1" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! See /home/juha/.npm/eresolve-report.txt for a full report. npm ERR! A complete log of this run can be found in: npm ERR! /home/juha/.npm/_logs/2023-03-19T13_21_48_738Z-debug-0.log Reproducible demo

Default CRA using npx create-react-app frontend --template typescript modify package.json to have "typescript": "^5.0.2" run npm install

【本文地址】

公司简介

联系我们